<div class="ng-cloak ng-table-pager" ng-if="params.data.length"> 
	
	<!-- count size [5, 10, 20,  ..] -->
	<div ng-if="params.settings().counts.length" class="ng-table-counts btn-group btn-group-sm clearfix"> 
		{{'Datatable.sLengthMenu' | translate}}
		<span>
			<button ng-repeat="count in params.settings().counts" type="button" ng-class="{'active':params.count()==count}" ng-click="params.count(count)" class="btn btn-default"> 
				<span ng-bind="count"></span> 
			</button> 
		</span>
		{{'Datatable.sLengthMenu_' | translate}}
	</div> 
	
	<div class="pull-right col-md-7 nopl text-right ng-table-counts-number" ng-if="params.settings().total">
	
		<!-- Vista da _START_ a _END_ di _TOTAL_ elementi -->
		<div class="m-b text-left pull-left">
			{{'Datatable.sInfo' | translate}} 
				<strong>{{ ((params.page()-1)*params.count()) + 1}}</strong>
            {{'Datatable.sInfoA' | translate}} 
            	<strong>{{ (params.page()*params.count()) > params.settings().total ? params.settings().total : params.page()*params.count() }}</strong>
            {{'Datatable.sInfoDi' | translate}} 
            	<strong>{{ params.settings().total }}</strong>
            {{'Datatable.sInfoElementi' | translate}}
        </div>
		
		<!-- Paginazione 1, 2, 3, ... -->
		<ul ng-if="pages.length" class="pull-right pagination pagination-sm ng-table-pagination"> 
			<li ng-class="{'disabled': !page.active && !page.current, 'active': page.current}" ng-repeat="page in pages" ng-switch="page.type"> 
				<a ng-switch-when="prev" ng-click="params.page(page.number)" href="" title="{{'Datatable.sPrevious' | translate}}">&laquo;</a> 
				<a ng-switch-when="first" ng-click="params.page(page.number)" href="" title="{{'Datatable.sFirst' | translate}}">
					<span ng-bind="page.number"></span>
				</a> 
				<a ng-switch-when="page" ng-click="params.page(page.number)" href="">
					<span ng-bind="page.number"></span>
				</a> 
				<a ng-switch-when="more" ng-click="params.page(page.number)" href="">&#8230;</a> 
				<a ng-switch-when="last" ng-click="params.page(page.number)" href="" title="{{'Datatable.sLast' | translate}}">
					<span ng-bind="page.number"></span>
				</a> 
				<a ng-switch-when="next" ng-click="params.page(page.number)" href="" title="{{'Datatable.sNext' | translate}}">&raquo;</a> 
			</li> 
		</ul> 
	</div>
</div> 